<template>
  <div class="login-logo-container display-flex flex-align">
    <img width="42" src="@/assets/images/layout/logo.png" />
    <h1 class="text-ellipses">{{ appTitlte }}</h1>
  </div>
</template>

<script setup lang="ts">
const appTitlte = import.meta.env.VITE_APP_TITLE

defineOptions({
  name: 'CoreLoginLogo'
})
</script>

<style scoped lang="scss">
.login-logo-container {
  position: absolute;
  top: 16px;
  left: 16px;

  h1 {
    margin-left: 8px;
    font-size: 20px;
    font-weight: 500;
  }
}
</style>
